@import "src/assets/styles/variables";

.messages {
  max-height: calc(#{$chatHeight} - 140px);
  width: 100%;
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 14px;
    height: 14px;
  }

  &::-webkit-scrollbar-thumb {
    background: #a5afb9;
    border-radius: 8px 4px 4px 8px;
    border-left: 5px solid transparent;
    background-clip: padding-box;

    &:hover {
      border: 0;
      background: #7a8996;
      border-radius: 7px;
    }
  }

  &::-webkit-scrollbar-track {
    background: transparent;
  }

}
